<template>
  <div>
    <router-link to="/naifen">
      <my-swiper></my-swiper>
    </router-link>
    <div class="WrapDiv">
      <p>奶粉专区</p>
      <zhaun-qu class="zhuanqu"></zhaun-qu>
    </div>
    <div class="WrapDiv">
      <p>纸尿裤专区</p>
      <zhaun-qu class="zhuanqu"></zhaun-qu>
    </div>
    <div class="WrapDiv">
      <p>猜你喜欢</p>
      <div class="flexDiv">
        <div class="flex" v-for="item in 2">
          <img src="../../../assets/1first/4母婴/yeshenglanmei.png" alt="">
          <p>野生蓝莓果汁饮料</p>
          <p class="price">¥100</p>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  import MySwiper from './MySwiper/MySwiper'
  import ZhaunQu from '../../WangBody/WangBodytuijian/WangToday/WangToday'
  export default {
    components: {
      MySwiper,
      ZhaunQu
    }
  }
</script>
<style scoped>
  .WrapDiv{
    padding: 0.44rem;
    background: #fff;
    margin-top: 0.44rem;
  }
  .WrapDiv>p{
    color: #4d4d4d;
    font-size: 0.67rem;
    text-align: center;
    margin-bottom: 0.31rem;
  }
  .flexDiv{
    display: flex;
    text-align: center;
    justify-content: space-around;
  }
  .flex{
    border: 1px solid #ccc;
    width: 7.33rem;
    padding-top: 0.44rem;
    font-size: 0.53rem;
  }
  .flex>img{
    width: 3.13rem;
  }
  .price{
    color: #e53e42;
  }
</style>
